<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            
            *{
                margin: 0px;
                padding: 0px;
                list-style: none;
               
            }
            .a1{
                height: 498px;
                margin-bottom: 48px;
                background:url(images1/nav.jpg) repeat-x

            }
            .a2{
                width: 968px;
                margin:0px auto;
                padding: 0 10px;
              
            }
            .a2 h1{
               float: left;
               margin-right: 86px;
            }
            .a2 img{
                margin-top: 14px;
                width: 130px;
            }

            .a2 ul{
                float: right;
               
            }
            .a2 li{
                float: left;
                margin-top: 20px;
            }
            .a2 li{
                margin-top: 13px;
                padding: 12px;
            }

            .a2 li:hover{
                background:black;
                border-radius: 20px;
            }
            .a2 a{
                font-size: 14px;
                color:white;
                text-decoration: none;
            }
            
            .a3{
                width: 968px;
                
                margin:0px auto;
                padding-top: 74px;
            }

           

            .a3-left{
                float: left;
                width: 370px;
                height: 423px;
                margin-right: 97px;
               
            }
            .a3-left h1{
                font-weight:normal;
                margin-top: 45px;
                font-size: 25px;
            }
            .a3-left p{
                margin-top: 15px;
                color: #979797;
            }
            .a3-1{
                display: block;
                height: 58px;
                width: 218px;
                margin-top: 15px;
                border-radius: 10px;
                background: url('./images1/down.png') no-repeat;
            }
            .a3-left div{
                margin-top: 15px;
            }
            .a3-left li{
                
                padding-top: 7px;
            }
            .a3 a{
                text-decoration: none;
                color: #609700;
            }
            .dot{
                float:left;
                display:block;
                margin:10px 11px 0 0;
                height:6px;
                width:6px;
                border-radius:5px;
                background-color:#999
            }
           
            .a3-right{
                float: left;
                width: 501;
                height: 423px;
            }
            .a3-right img{
                margin-top: 51px;
            }
          
            

            
            .a4{
                height: 378px;
                width: 968px;
                margin: 0px auto;
                margin-bottom: 27px;
            }
            .a4-left{
                float: left;
                height: 378px;
                width: 642px;
                right: 5px;
            }
            .a4-right{
                float: right;
                height: 378px;
                width: 321px;
            }
            .a4-left ul{
                display:block; 
                 line-height:1.5em;
            }
            .a4-left li{
                float: left;
                width: 214px;
                
            }
            .twoli{
                padding-top: 118px;
            }
            .aleftlgo{
                display: block;
                height: 118px;
                width: 632px;
                background: url('./images1/3down.png') no-repeat;
            }
            .a4-left a{
                font-size: 14px;
                color: green;
                text-decoration: none;
            }
            .a4-left h2{
                padding-top: 6px;
                font-size: 15px;
            }
            .a4-left p{
                color: #999;
                padding-top: 6px;
                font-size: 15px;
            }
           
            .a4-right h2{
                font-weight:normal;
                font-size: 16px;
            }
            .a4-righta{
                font-size: 14px;
                text-decoration: none;
                color: #609700;

            }
            .a4-right li{
                padding-top: 10px;
            }
            .datespan{
                float: right;
                font-size:11px;
                color: #999;
            }
            .divlookmore{
                display: block;
                margin-top: 14px;
            }
            .lookmore{
                font-size: 14px;
                text-decoration: none;
                color: #609700;
            }
            .ico_contactus{
                display:block;
                width:32px;
                height:32px;
                float:left;
                position:relative;
                top:14px;
                left:0;
                background:url('./images1/lxfs.png') no-repeat scroll
            }
            
            .feed_maillist{
                float:left;
                position:relative
            }
           
            .lxwm{
                font-weight: bold;
                font-size: 14px;
                text-decoration: none;
                color: black;
            }
            .contactus{
                padding:20px 0 0 40px
            }

        
            .a5{
                height: 50px;
                width: 968px;
                margin: 0px auto;
                border-top: 1px solid #d4dadf;
            }

            .a5 a{
                font-size: 13px;
                color: #888;
                text-decoration: none;
            }
            .a5 P{
                font-size: 13px;
                color: #888;
            }

            .graytext{
                color:#999
            }
        
        </style>
    </head>
    <body>
        <div class="a1">
            <div class="a2">
                <h1>
                    <a href="">
                        <img src="./images1/wxlogo.png" alt="">
                    </a>
                </h1>
                <ul>
                    <li>
                        <a href="">首页</a>
                    </li>
                    <li>
                        <a href="">帮助与反馈</a>
                    </li>
                    <li>
                        <a href="">公众平台</a>
                    </li>
                    <li>
                        <a href="">开放平台</a>
                    </li>
                    <li>
                        <a href="">微信支付</a>
                    </li>
                    <li>
                        <a href="">微信广告</a>
                    </li>
                    <li>
                        <a href="">企业微信</a>
                    </li>
                    <li>
                        <a href="">表情开放平台</a>
                    </li>
                    <li>
                        <a href="">微信网页版</a>
                    </li>
                </ul>
            </div>

            <div class="a3">
                <div class="a3-left">
                  <h1>微信，是一个生活方式</h1>
                  <p>超过十亿人使用的手机应用</p>
                  <p>支持发送语音短信、视频、图片和文字</p>
                  <p>可以群聊，仅耗少量流量，适合大部分智能手机</p>
                  <a class="a3-1" href=""></a>
                  <div>
                    <ui>
                        <li>
                            <span class="dot"></span>
                            <a href="">忘记了微信帐号或密码？</a>
                        </li>
                        <li>
                            <span class="dot"></span>
                            <a href="">自助解除登录或功能限制</a>
                        </li>
                        <li>
                            <span class="dot"></span>
                            <a href="">冻结或解冻微信帐号</a>
                        </li>
                    </ui>
                  </div>
                
                </div>
                <div class="a3-right">
                    <img src="./images1/navcomputer.png" alt="">

                </div>
            </div>

        </div>
        <div class="a4">
            <div class="a4-left">
                <ul>
                    <li>
                        <a class="aleftlgo" href="" title="微信网页版"></a>
                        <h2>微信网页版</h2>
                        <p>扫一扫二维码</p>
                        <p>就能在浏览器上使用微信</p>
                        <p> <a href="">了解更多</a></p>
                    </li>
                    <li class="twoli">
                       
                        <h2>微信 Mac 版</h2>
                        <p>极致简洁，迅捷沟通</p>
                        <p> <a href="">了解更多</a></p>
                    </li>
                    <li class="twoli">
                        <h2>微信 Windwos 版</h2>
                        <p>让沟通更方便</p>
                        <p> <a href="">了解更多</a></p>
                    </li>
                   
                </ul>
            </div>
            <div class="a4-right">
                <h2>最新消息</h2>
                <ul>
                    <li> <span class="dot"></span> <a class="a4-righta" href="">微信 8.0.2 for Android 正式版发布</a><span style="color:red;font-size:11px">(New)</span><span class="datespan">03-25</span> </li>
                    <li> <span class="dot"></span> <a class="a4-righta" href="">微信 3.2.1 for Windows 正式版发布</a> <span style="color:red;font-size:11px">(New)</span><span class="datespan">03-22</span> </li>
                    <li> <span class="dot"></span> <a class="a4-righta" href="">微信 8.0.2 for iOS 正式版发布</a><span style="color:red;font-size:11px">(New)</span><span class="datespan">02-02</span> </li>
                    <li> <span class="dot"></span> <a class="a4-righta" href="">微信 2.6.1 for Mac 正式版发布</a> <span style="color:red;font-size:11px">(New)</span><span class="datespan">01-20</span> </li>
                    <li> <span class="dot"></span> <a class="a4-righta" href="">关于部分 iOS 9 用户无法更新微信</a><span style="color:red;font-size:11px">(New)</span><span class="datespan">01-28</span> </li>
                    <li> <span class="dot"></span> <a class="a4-righta" href="">微信外部链接内容管理规范</a><span class="datespan">02-11</span> </li>
                    <li> <span class="dot"></span> <a class="a4-righta" href="">微信网页版 2.1 版本发布</a><span class="datespan">01-17</span> </li> 
                    <li> <span class="dot"></span> <a class="a4-righta" target="_blank" href="">微信表情开放平台上线</a><span class="datespan">07-29</span> </li>
                    <li> <span class="dot"></span> <a class="a4-righta" href="">官方辟谣公众号开通</a> <span class="datespan">10-28</span></li> 
                </ul>
                <div class="divlookmore">
                    <a class="lookmore" href="">查看更多</a>
                </div>
               
                <div class="feed_maillist" style="margin-right:15px">
                    <span class="ico_contactus"></span>
                    <div class="contactus"> 
                        <a class="lxwm" href="">联系我们</a>
                    </div> 
                </div>
            </div>

        </div>
        <div class="a5">
            <div style="float:left;text-align:left; margin-top: 10px;">
                <a href="">关于腾讯</a> <span class="graytext"> | </span>
                <a href="">服务条款</a><span class="graytext"> | </span>
                <a href="">使用规范</a><span class="graytext"> | </span> 
                <a href="">客服中心</a><span class="graytext"> | </span> 
                <a href="">隐私保护指引</a> 
                <p>© 1998 - 2021 Tencent Inc. All Rights Reserved</p> 
            </div>
            <div style="float:right;margin-top: 10px;">
                 <a href="">简体中文</a> <span class="graytext"> | </span>
                 <a href="">繁體中文</a><span class="graytext"> | </span>
                 <a href="">English</a> </div>
        </div>
    </body>
</html>